<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="preview/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="preview/css/index.css" />
</head>
<body>
    <div class="handingTop">256325</div>
    <div class="handingBottom">41526</div>

    <script src="preview/js/jquery.min.js"></script>
    <!-- rem-->
    <script src="preview/js/rem.js"></script>
    <!-- requestAnimation  兼容性包-->
    <!--<script src="preview/js/requestAnimationFrame.js"></script>-->
    <!-- 动态添加兼容性前缀，写css不用写一大堆兼容了，写一句就行-->
    <script src="preview/js/prefixfree.min.js"></script>
    <!-- 不同浏览器的刷新频率，返回值是HZ-->
    <!--<script src="preview/js/browser.js"></script>-->
    <script>
        window.onresize= function() {
            getRem(100, 371);
        };
        window.onload  = function() {
            getRem(100, 371);
        };
    </script>
</body>
</html>